import React from 'react';

import { inject, observer } from 'mobx-react';

import { Box, Text, MainButton } from '@nova-hf/ui';
import { MainColorType } from '@nova-hf/ui/umd/ts/src/styles/vars.css';

import Steps from 'beta/store/steps';

type SecondStepProps = {
  steps?: Steps;
  color?: MainColorType;
  onNext?: () => void;
  customerId?: string;
  serviceId?: string;
};

const SecondStep = ({ steps, color }: SecondStepProps) => {
  return (
    <Box>
      <Text>SecondStep</Text>
      <MainButton onClick={() => steps?.close()} text="Loka" colorScheme={color} />
    </Box>
  );
};

export default inject('steps')(observer(SecondStep));